<template>
	<view>
		<tm-tabbar :autoSelect="false" v-model:active="current" :shadow="1" :showSafe="true">
			<tm-tabbar-item :textSize="28" url="/pages/home/home" open-type="switchTab" activeColor="#4A76F7" text="首页" icon="iconfont icon-lujing"></tm-tabbar-item>
			<tm-tabbar-item :textSize="28" url="/pages/service/service" open-type="switchTab" activeColor="#4A76F7" text="服务" icon="iconfont icon-a-2"></tm-tabbar-item>
			<tm-tabbar-item :textSize="28" url="/pages/my/my" open-type="switchTab" activeColor="#4A76F7" text="我的" icon="iconfont icon-a-3"></tm-tabbar-item>
		</tm-tabbar>
	</view>
</template>

<script lang="ts" setup>
	import { ref, getCurrentInstance } from 'vue'
	import { onShow, onLoad } from '@dcloudio/uni-app'
	import tmTabbar from '@/tmui/components/tm-tabbar/tm-tabbar.vue'
	import tmTabbarItem from '@/tmui/components/tm-tabbar-item/tm-tabbar-item.vue'
	const current = ref(0)
	
	const props = defineProps({
		currentVal: Number
	})
    current.value = props.currentVal;
</script>

<style lang="scss" scoped>

</style>
